/**
 * Created by zhaobo on 2016/12/22.
 */
import React, {Component} from "react";
import {
  Text,
  Image,
  ScrollView,
} from "react-native";


export default class IScrolledDownAndWhatHappenedNextShockedMe extends Component {
  render() {
    let pic = {
      uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
    };
    let nativeImageSource = require('nativeImageSource');
    return (
      <ScrollView

      >
        <Image source={nativeImageSource({
            android: 'img_favicon',
            width: 96,
            height: 96
          })}/>
        <Image source={pic} style={{width: 193, height: 110}}/>
        <Text style={{fontSize:96}}>Scroll me plz</Text>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Text style={{fontSize:96}}>If you like</Text>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Text style={{fontSize:96}}>Scrolling down</Text>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Text style={{fontSize:96}}>Framework around?</Text>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Image source={require('../img/favicon.png')}/>
        <Text style={{fontSize:80}}>React Native</Text>
      </ScrollView>
    );
  }
}